﻿@model Tarasca.Models.LoginModel
<script type="text/javascript">
    $(document).ready(function () {
        EventBinder($("#btnIngresar"), "click", ingresarAlSistema);
        EventBinder($("#registrarseLogin"), "click", irRegistrarse);
        EventBinder($("#recuperarContraseña"), "click", irRecuperarContraseña);
    });

    function ingresarAlSistema() {
        var usuario = $("#UserName").val();
        var contraseña = $("#Password").val();
        var todoOK = true;

        if (usuario.length == 0) {
            $("#UserName").parent().addClass("has-error");
            todoOK = false;
        }

        if (contraseña.length == 0) {
            $("#Password").parent().addClass("has-error");
            todoOK = false;
        }

        return todoOK;
    }
</script>
<div class="contenedorImagenLogin">
    <img alt="Credenciales" src='@Url.Content("~/Contenido/Imagenes/UserPic.png")' />
</div>
<div>
    <form action="~/Auth/Login" method="post" class="form-horizontal formularioLogin">
        @Html.AntiForgeryToken()
        <div class="form-group">
            <label>Usuario:</label>
            <input type="text" name="UserName" id="UserName" placeholder="Nombre de Usuario" class="form-control" />
        </div>
        <div class="form-group">
            <label>Contraseña:</label>
            <input type="password" name="Password" id="Password" placeholder="Contraseña" class="form-control" />
        </div>
        <div class="form-group">
            <button id="btnIngresar" class="btn btn-primary">Ingresar</button>
        </div>
        @if (Model != null)
        {
            <div class="form-group mensajeCredencialesIncorrectas">
                <label class="text-danger">Nombre de usuario ó contraseña inválidos</label>
            </div>
        }
        <div class="form-group mensajeCredencialesIncorrectas">
            <label>¿No tenés cuenta?</label>
            <label id="registrarseLogin">Click aquí para Registrarse</label>
        </div>
        <div class="form-group mensajeCredencialesIncorrectas">
            <label>¿Olvidaste tu contraseña?</label>
            <label id="recuperarContraseña">Click aquí para Recuperarla</label>
        </div>
    </form>
</div>
